<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一卡卡包---首页</title>
<link href="${pageContext.request.contextPath}/home/css/css.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/home/js/jquery.tools.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/home/js/Ajax.class.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/home/js/shangjia_dialog.js"></script>
<script type="text/javascript">
function getCustomer(){
	var temp = $(Ajax.getObject());
	var id = temp.find("ID").text();
	var PicName = temp.find("PicName").text();
	var introduce = temp.find("Introduce").text();
	var memberBenefits = temp.find("MemberBenefits").text();
	var fontStr = "<font style='padding-left:26px'></font>";
	$("#customer_img").attr("src", "${pageContext.request.contextPath}/upload/images/customer/"+id+"/"+PicName);
	$("#customer_introduce").html(fontStr+introduce);
	$("#customer_memberBenefits").html(fontStr+memberBenefits);
	showDialog();
}
</script>
</head>
<body>
<jsp:include page="/home/top.jsp?current=index"></jsp:include>
<!--图片滚动开始-->
<script type="text/javascript" src="${pageContext.request.contextPath}/home/js/show.js"></script>
<div style="width:100%;text-align:center; background:#00AD00">
	<div class="banner">
		<ul>
			<c:forEach items="${picList}" var="pic"><li><img src="${pageContext.request.contextPath}/upload/images/webIndexPic/${pic.id}/${pic.fileName}" alt="" /></li></c:forEach>
		</ul>
	</div>
	<div class="btn" align="center"></div>
</div>
<!--图片滚动结束-->
<!--产品下载开始-->
<div style="width:100%;text-align:center; background:#C2C2C2;">
	<div style="width:800px;text-align:left">
	<div style="background:#F6F6F6; height:150px; padding:20px 0 0px 20px;">
		<div style="width:189px; height:33px;background-image:url(${pageContext.request.contextPath}/home/images/cpxz.jpg);margin:0"></div>
		<div style="padding-top:15px">
			<table cellpadding="0" cellspacing="0">
				<tr>
					<td>
					<c:choose><c:when test="${fileList[0].linkFile==null}"><a href="${pageContext.request.contextPath}/upload/images/webIndexFile/${fileList[0].id}/${fileList[0].fileName}" target="_blank"><img src="${pageContext.request.contextPath}/home/images/yy_Iphone.jpg"/></a></c:when>
					<c:otherwise><a href="${fileList[0].linkFile}" target="_blank"><img src="${pageContext.request.contextPath}/home/images/yy_Iphone.jpg"/></a></c:otherwise></c:choose>
					</td>
					<td style="padding-left:15px">
					<c:choose><c:when test="${fileList[1].linkFile==null}"><a href="${pageContext.request.contextPath}/upload/images/webIndexFile/${fileList[1].id}/${fileList[1].fileName}" target="_blank"><img src="${pageContext.request.contextPath}/home/images/apple_store.jpg"/></a></c:when>
					<c:otherwise><a href="${fileList[1].linkFile}" target="_blank"><img src="${pageContext.request.contextPath}/home/images/apple_store.jpg"/></a></c:otherwise></c:choose>
					</td>
					<td style="padding-left:15px; padding-right:25px">
					<c:choose><c:when test="${fileList[2].linkFile==null}"><a href="${pageContext.request.contextPath}/upload/images/webIndexFile/${fileList[2].id}/${fileList[2].fileName}" target="_blank"><img src="${pageContext.request.contextPath}/home/images/az.jpg"/></a></c:when>
					<c:otherwise><a href="${fileList[2].linkFile}" target="_blank"><img src="${pageContext.request.contextPath}/home/images/az.jpg"/></a></c:otherwise></c:choose>
					</td>
					<td  width="368px" height="73px" background="${pageContext.request.contextPath}/home/images/xzwzsm.jpg"></td>
				</tr>
			</table>
		</div>
	</div>
	<div style="width:100%; height:2px; background-color:#00AD00;"></div>
	</div>
</div>
<!--产品下载结束-->

<!--优惠商家开始-->
<div style="width:100%;text-align:center; background:#C2C2C2;">
	<div style="width:800px;text-align:left">
	<div style="background:#F6F6F6; height:200px; padding:20px 0 0px 20px;">
		<div style="width:100%;">
			<table cellpadding="0" cellspacing="0" height="33px">
				<tr>
					<td width="189px" height="33px" background="${pageContext.request.contextPath}/home/images/yhsj.jpg" style="background-repeat:no-repeat"></td>
					<td width="570px" align="right" valign="middle">
						<a href="${pageContext.request.contextPath}/webManager/customerList.action"><img src="${pageContext.request.contextPath}/home/images/ckgd.jpg" align="absmiddle"/></a>
					</td>
				</tr></table>
		</div>
		<div style="padding-top:15px">
			<table cellpadding="0" cellspacing="0" align="center">
				<tr><c:forEach items="${customerList}" var="customer">
					<td width="195px"><a href="javascript:;" onclick="Ajax.get('${pageContext.request.contextPath}/webManager/getCustomer.action?id=${customer.id}', 'xml', getCustomer);"><img src="${pageContext.request.contextPath}/upload/images/customer/${customer.id}/${customer.picName}" width="173px" height="117px"/></a></td>
				</c:forEach></tr>
				<tr height="40px" valign="middle"><c:forEach items="${customerList}" var="customer">
					<td width="195px" align="center"><a href="javascript:;" onclick="Ajax.get('${pageContext.request.contextPath}/webManager/getCustomer.action?id=${customer.id}', 'xml', getCustomer);">${customer.name}</a></td>
				</c:forEach></tr>
			</table>
		</div>
	</div>
	<div style="width:100%; height:2px; background-color:#00AD00;"></div>
	</div>
</div>
<!--优惠商家结束-->

<!--联系方式开始-->
<div style="width:100%;text-align:center; background:#C2C2C2;">
	<div style="width:800px;text-align:left">
	<div style="background:#F6F6F6; height:115px; padding:20px 0 0px 20px;">
		<div style="width:189px; height:33px;background-image:url(${pageContext.request.contextPath}/home/images/lxfs.jpg);margin:0"></div>
		<div style="padding-top:15px; padding-left:60px;">
			<table cellpadding="0" cellspacing="0">
				<tr valign="middle">
					<td align="center" width="100px"><a href=""><img src="${pageContext.request.contextPath}/home/images/QQ.jpg" width="38" height="43"/></a><br/><a href="">加盟客服</a></td>
					<td align="center" width="100px"><a href=""><img src="${pageContext.request.contextPath}/home/images/QQ.jpg" width="38" height="43"/></a><br/><a href="">在线客服</a></td>
					<td align="center" width="100px"><a href=""><img src="${pageContext.request.contextPath}/home/images/QQ.jpg" width="38" height="43"/></a><br/><a href="">在线客服</a></td>
					<td width="300px" style="padding-left:100px">
						<div style="color:#333333; font-size:18px; font-weight:bold; padding-bottom:10px">加盟热线：578-545-45645</div>
						<div style="color:#333333; font-size:18px; font-weight:bold;">联系邮箱：XXXXX@XXXXX.com</div>
					</td>
				</tr>
			</table>
		</div>
	</div>
	</div>
	<div style=" height:10px"></div>
</div>
<!--联系方式结束-->
<!--底部开始-->
<jsp:include flush="true" page="/home/bottom.jsp"></jsp:include>
<!--底部结束-->
<script type="text/javascript"src="http://v1.jiathis.com/code/jiathis_r.js"charset="utf-8"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/home/js/show_pic.js"></script>
<div id="zhegai" style="position:absolute;background-color:#eee;top:0;left:0;filter:alpha(opacity=50);opacity:0.5; display:none"></div>
<div id="dialogDiv" style="width:780px; height:550px; border:3px solid #00AD00;font-size:14px; color:#030303;position:absolute; left:238px; top:200px; display:none">
		<div style="background-color:#FAFAFA;height:34px; text-align:right"><a id="closeA" href="javascript:;" onclick="closeDialog();"><img src="${pageContext.request.contextPath}/home/images/yh_customer_detail_close.jpg"/></a></div>
		<div style="padding:0px 45px 10px 20px; height:156px;background-color:#FAFAFA;">
		<table cellpadding="0" cellspacing="0" height="156px">
			<tr valign="middle">
				<td width="210px"><img id="customer_img" width="173px" height="117px"/></td>
				<td><div id="customer_introduce" style="line-height:20px;font-size:13px"></div></td>
			</tr></table>
	</div>
	<div style="width:100%; height:1px; background-color:#00AD00;"></div>
	<div style="background-color:#DCF8DC; padding:20px 0px 10px 0px; height:319px">
		<div style="text-align:center;">
		<div style="background-image:url(${pageContext.request.contextPath}/home/images/yh_customer_detail.jpg); background-repeat:no-repeat; height:42px; width:185px"></div>
		</div>
		<div id="customer_memberBenefits" style="padding:20px 50px 0px 50px; line-height:20px;font-size:13px"></div>
	</div>
</div>
</body>
</html>